<template>
  <div class="father">
	<h3>父组件</h3>
	<h4>父亲的车：{{ car }}</h4> 
	<h4>孩子给的玩具：{{ toy }}</h4>
    <Child @send-toy="sendToy"/>
  </div>
</template>

<script setup lang="ts" name="Father">
  import Child from './Child.vue'
  import { ref } from "vue";
  let car=ref("奔驰")
  let toy=ref("")
  function sendToy(value:string){
	console.log("sendToy",value)
	toy.value=value
	
  }
	
</script>

<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
    border-radius: 10px;
	}
	.father button{
		margin-right: 5px;
	}
</style>